﻿@page
@inherits Rechargeable.Web.Pages.RechargeablePage
@model Rechargeable.Web.Pages.SerialNumber.IndexModel
@{
    ViewData["Title"] = L["Title:SerialNumber"];
}
@section scripts
    {
    <abp-script src="/Pages/SerialNumber/index.js" />
}
<abp-card>
    <abp-card-header>
        <h2> @L["Title:SerialNumber"]</h2>
    </abp-card-header>
    <abp-card-body>
        <form class="d-flex flex-row align-items-center flex-wrap">
            <label for="Products" class="me-2">名称</label>
            <select id="Products" name="Products" class="form-control form-select me-sm-2 w-auto">
                <option value="@Guid.Empty">全部</option>
                @{
                    foreach (var item in Model.Products)
                    {
                        <option value="@item.Id">@item.Name</option>
                    }
                }
            </select>
            <label for="machineName" class="me-2">关键词</label>
            <input type="text" class="form-control form-text me-2  w-auto" id="key" name="key" placeholder="输入序列号进行查询" />
            <button type="button" id="btnSearch" class="btn btn-primary me-2"><i class="fa fa-search"></i>&nbsp;&nbsp;搜索</button>
            &nbsp;&nbsp; 未使用数量：
            <label id="notUseCount"></label>
        </form>
        <abp-table style="margin-top:10px;" striped-rows="true" id="MachinesTable">
            <thead>
                <tr>
                    <th width="150px">@L["序列号"]</th>
                    <th width="150px">@L["MachineId"]</th>
                    <th width="140px">@L["充值时间"]</th>
                    <th width="100px">@L["有效时间"]</th>
                    <th width="140px">@L["使用时间"]</th>
                    <th>@L["记录"]</th>
                </tr>
            </thead>
        </abp-table>
    </abp-card-body>
</abp-card>
